<%-- 
    Document   : sidebar
    Created on : Feb 27, 2015, 6:13:44 PM
    Author     : ninkuhack
--%>

<!-- Sidebar -->
<div class="rw-column rw-sidebar">
    <div class="the-sidebar">
        <!-- Widget -->
        <aside class="widget widget-search">

            <div class="widget-title"><h3>Search</h3></div>

            <form method="get" class="search-form" action="SearchServlet">
                <input type="text" class="search-field fullwidth" name="s" placeholder="Type keyword and press enter" value="">
            </form>

        </aside> <!-- .widget -->
        <!-- / Widget -->

        <!-- Widget -->
        <aside class="widget widget-posts">

            <div class="widget-title"><h3>Most popular recipes</h3></div>
            <div class="widget-posts-list">
                <!-- Entry -->
                <div class="post">
                    <div class="entry-photo">
                        <img src="assets/placeholder/food/50x50/4.jpg" alt="" />
                    </div>
                    <div class="entry-title">
                        <a href="#">Consectetur adipisicing elit do eiusmod</a>
                    </div>
                    <div class="entry-controls minimal">
                        <a href="#" class="control entry-to-favorites" title="Add to favorites"> <i class="fa fa-heart-o"></i> </a><span class="control-tip">127</span>
                        <a href="#" class="control entry-like" title="I like this!"> <i class="fa fa-thumbs-o-up"></i> </a> <span class="control-tip">322</span>
                        <a href="#" class="control entry-comments" title="Comments"> <i class="fa fa-comments"></i> </a> <span class="control-tip">102</span>
                    </div>
                </div> <!-- .entry -->
            </div>

        </aside> <!-- .widget -->
        <!-- / Widget -->

        <!-- Widget -->
        <aside class="widget widget-categories">

            <div class="widget-title"><h3>Categories</h3></div>

            <ul>
                <li><a href="#">Breakfast <span class="mark light-gray">157</span></a></li>
                <li><a href="#">Lunch <span class="mark light-gray">24</span></a></li>
                <li><a href="#">Beverages <span class="mark light-gray">54</span></a></li>
                <li><a href="#">Appetizers <span class="mark light-gray">359</span></a></li>
                <li><a href="#">Soups <span class="mark light-gray">98</span></a></li>
                <li><a href="#">Salads <span class="mark light-gray">195</span></a></li>
                <li><a href="#">Main dishes: Beef <span class="mark light-gray">280</span></a></li>
                <li><a href="#">Main dishes: Poultry <span class="mark light-gray">450</span></a></li>
                <li><a href="#">Main dishes: Pork <span class="mark light-gray">84</span></a></li>
                <li><a href="#">Main dishes: Seafood <span class="mark light-gray">370</span></a></li>
                <li><a href="#">Main dishes: Vegetarian <span class="mark light-gray">328</span></a></li>
                <li><a href="#">Side dishes: Vegetables <span class="mark light-gray">352</span></a></li>
                <li><a href="#">Side dishes: Other <span class="mark light-gray">99</span></a></li>
                <li><a href="#">Desserts <span class="mark light-gray">348</span></a></li>
                <li><a href="#">Canning / Freezing <span class="mark light-gray">61</span></a></li>
                <li><a href="#">Breads <span class="mark light-gray">234</span></a></li>
                <li><a href="#">Holidays <span class="mark light-gray">374</span></a></li>
                <li><a href="#">Entertaining <span class="mark light-gray">176</span></a></li>
            </ul>

        </aside> <!-- .widget -->
        <!-- / Widget -->

        <!-- Widget -->
        <aside class="widget widget-authors">

            <div class="widget-title"><h3>Top authors</h3></div>
            <ul>
                <li>
                    <img src="assets/placeholder/people/50x50/15.jpg" alt="" />
                    <div class="author-name"><a href="#">Michelle Nelson</a> <span class="mark green" title="Pro member!">Pro</span></div>
                    <div class="author-meta">
                        <span class="meta" title="421 total recipes submited"><i class="fa fa-newspaper-o"></i> 421</span>
                        <span class="meta" title="26252 reputation points"><i class="fa fa-bullseye"></i>26k</span>
                        <span class="meta" title="350 comments"><i class="fa fa-comments"></i>350</span>
                    </div>
                </li>

            </ul>

        </aside> <!-- .widget -->
        <!-- / Widget -->

        <!-- Widget -->
        <aside class="widget widget-accordion-posts">

            <div class="widget-title"><h3>From the blog</h3></div>

            <!-- Accordion begin -->
            <ul class="jquery_accordion" data-show-icon="false" data-active-index="2">

                <li><div> <i class="fa fa-bell"></i> Recent posts </div>

                    <div class="widget-posts-list">
                        <!-- Entry -->
                        <div class="post">
                            <div class="entry-photo">
                                <img src="assets/placeholder/blog/50x50/4.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">Consectetur adipisicing elit do eiusmod</a>
                            </div>
                            <div class="entry-date">13 September 2014</div>
                        </div> <!-- .entry -->

                        <!-- Entry -->
                        <div class="post">
                            <div class="entry-photo">
                                <img src="assets/placeholder/blog/50x50/5.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">Consectetur adipisicing elit do eiusmod</a>
                            </div>
                            <div class="entry-date">27 August 2014</div>
                        </div> <!-- .entry -->

                        <!-- Entry -->
                        <div class="post">
                            <div class="entry-photo">
                                <img src="assets/placeholder/blog/50x50/6.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">Consectetur adipisicing elit do eiusmod</a>
                            </div>
                            <div class="entry-date">05 May 2014</div>
                        </div> <!-- .entry -->
                    </div>

                </li>

                <li><div> <i class="fa fa-heart"></i> Popular posts </div>

                    <div class="widget-posts-list">
                        <!-- Entry -->
                        <div class="post">
                            <div class="entry-photo">
                                <img src="assets/placeholder/blog/50x50/7.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">Consectetur adipisicing elit do eiusmod</a>
                            </div>
                            <div class="entry-date">14 June 2014</div>
                        </div> <!-- .entry -->

                        <!-- Entry -->
                        <div class="post">
                            <div class="entry-photo">
                                <img src="assets/placeholder/blog/50x50/8.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">Consectetur adipisicing elit do eiusmod</a>
                            </div>
                            <div class="entry-date">27 January 2014</div>
                        </div> <!-- .entry -->

                        <!-- Entry -->
                        <div class="post">
                            <div class="entry-photo">
                                <img src="assets/placeholder/blog/50x50/1.jpg" alt="" />
                            </div>
                            <div class="entry-title">
                                <a href="#">Consectetur adipisicing elit do eiusmod</a>
                            </div>
                            <div class="entry-date">23 February 2014</div>
                        </div> <!-- .entry -->
                    </div>

                </li>

                <li><div> <i class="fa fa-comment"></i> Latest comments </div>
                    <div class="widget-comments-list">
                        <div class="comment">
                            <div class="entry-photo">
                                <img src="assets/placeholder/people/50x50/2.jpg" alt="" />
                            </div>
                            <div>
                                <a href="#">Michelle Nelson</a><br>
                                Et certamen honestum et disputatio splendida! omnis est enim de dignitate...
                            </div>
                        </div> <!-- .entry -->

                        <div class="comment">
                            <div class="entry-photo">
                                <img src="assets/placeholder/people/50x50/5.jpg" alt="" />
                            </div>
                            <div>
                                <a href="#">Steven King</a><br>
                                Great. Thank you for help. :) I'll let you know if there's more.
                            </div>
                        </div> <!-- .entry -->

                        <div class="comment">
                            <div class="entry-photo">
                                <img src="assets/placeholder/people/50x50/8.jpg" alt="" />
                            </div>
                            <div>
                                <a href="#">Richard Thomas</a><br>
                                Et certamen honestum et disputatio splendida! omnis est enim de virtutis...
                            </div>
                        </div> <!-- .entry -->
                    </div>

                </li>

            </ul>
            <!-- Accordion end -->

        </aside> <!-- .widget -->
        <!-- / Widget -->

        <!-- Widget -->
        <aside class="widget widget-text">

            <div class="widget-title"><h3>Text widget</h3></div>

            <div class="widget-content">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat.</p>
            </div> <!-- .entry -->

        </aside> <!-- .widget -->
        <!-- / Widget -->

    </div> <!-- .the-sidebar -->
</div> <!-- .rw-sidebar -->